@charset "utf-8";
*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;}
body{line-height:2em;background-color:#ffffff;font-family:微软雅黑,arial, helvetica, sans-serif;color:#666666;font-size:14px}
a{color:#666666;text-decoration:none;-webkit-transition-property:color;-moz-transition-property:color;-o-transition-property:color;transition-property:color;-webkit-transition-duration:.2s;-webkit-transition-timing-function:ease-in;-moz-transition-duration:.2s;-moz-transition-timing-function:ease-in;-o-transition-duration:.2s;-o-transition-timing-function:ease-in;transition-duration:.2s;transition-timing-function:ease-in}
a:hover{color:#006400;text-decoration:none}
::selection{background:#006400;color:#fff;text-shadow:none;}
::-moz-selection{background:#006400;color:#fff;text-shadow:none;}
ul, ul li{list-style-type: none;}
/*----top----*/
.top{width:100%;background:#5e5e5e;height:28px;border-bottom:#e8e8e8 1px solid;}
.top1{color:#fff;width:1200px;height:28px;margin:0 auto;}

.logo{position:relative;height:120px;background:url(../images/logo.png) no-repeat center;}

.banner{position:relative;height:150px;background:url(../images/ban111.jpg) no-repeat center;}
.banner1{position:relative;height:150px;background:url(../images/ban07.jpg) no-repeat center;}
.banner2{position:relative;height:150px;background:url(../images/ban222.jpg) no-repeat center;}
.banner3{position:relative;height:150px;background:url(../images/baa1.jpg) no-repeat center;}
.banner4{position:relative;height:150px;background:url(../images/ban06.jpg) no-repeat center;}
.banner5{position:relative;height:150px;background:url(../images/ban111.jpg) no-repeat center;}

#loader-wrapper {position:fixed;top:0;left:0; width:100%; height:100%; z-index:999999; background:#fff; overflow:hidden;}
#loader {background: url(../images/1.gif); width:64px; height:64px; position:relative; top:50%; margin:-32px auto 0 auto;}
.theme-main-menu {position: relative;z-index: 9;box-shadow: 0px 1px 0px 0px #9e9e9e;}
.theme-main-menu.fixed { position: fixed; width:100%; top:0; left:0; z-index:999; background: #fff; margin:0; -webkit-box-shadow:0px 13px 25px -12px rgba(0,0,0,0.15); box-shadow:0px 13px 25px -12px rgba(0,0,0,0.15); -webkit-animation: menu_sticky  0.70s ease-in-out; animation: menu_sticky  0.70s ease-in-out;}

/*-----导航条----*/
.wrap{ position:relative;z-index:11164;width:100%; background:#3CB371;height:80px;}
.wright{position: relative; width:1200px; height:80px; margin:0 auto; padding-left:190px;padding-top:20px;}
.goods{ position: absolute; top: 0;left: 0;width: 190px;height: 40px;margin-right:100px;}
.hc_lnav{z-index:65;position:relative;width:290px;margin:0 auto;height:80px;margin-top:30px;}
.hc_lnav .allbtn{z-index:66;position:relative}
.hc_lnav .allbtn h2{font-size:14px;box-shadow:2px 0px 6px -3px #FFF;-webkit-box-shadow:2px 0px 6px -3px #FFF;-moz-box-shadow:2px 0px 6px -3px #FFF}
.hc_lnav .allbtn h2 a{line-height:40px;background-color:#006400;padding-left:10px;width:180px;display:block;font-family:微软雅黑,黑体;height:40px;color:#ffffff;font-size:14px;font-weight:normal;text-align:center;}
.hc_lnav .allbtn h2 a:hover{background-color:#006400;text-decoration:none;}
.hc_lnav .allbtn h2 i{}
.hc_lnav .allbtn h2 strong{}
.hc_lnav .allbtn ul{z-index:67;position:absolute;background-color:#3cb371;width:190px;display:none;height:492px;top:40px;left:0px}
body.hc_home .hc_lnav .allbtn ul{display:block}
body.hc_list .hc_lnav .allbtn ul{display:block}
.hc_lnav .allbtn ul li{padding-bottom:7px;zoom:1;clear:both;cursor:default}
.hc_lnav .allbtn ul li .tx{text-align:center;background-image:url(../images/header_bg1.png);line-height:40px;background-color:#2e8b57;padding-left:10px;background-repeat:no-repeat;background-position:right center;height:40px;_background-image:none}
.hc_lnav .allbtn ul li .tx a{font-family:微软雅黑, 黑体;color:#ffffff;font-size:14px;-webkit-transition:color 0.1s ease-out 0s;-moz-transition:color 0.1s ease-out 0s;-ms-transition:color 0.1s ease-out 0s;-o-transition:color 0.1s ease-out 0s;transition:color 0.1s ease-out 0s}
.hc_lnav .allbtn ul li .tx a i{line-height:25px;margin-top:5px;width:25px;background-position:0px 0px;float:left;height:25px;margin-right:10px;text-decoration:none}
.hc_lnav .allbtn ul li.a1 .tx a i{background-image:url(../images/header_ico1.png)}
.hc_lnav .allbtn ul li.a2 .tx a i{background-image:url(../images/header_ico2.png)}
.hc_lnav .allbtn ul li.a3 .tx a i{background-image:url(../images/header_ico3.png)}
.hc_lnav .allbtn ul li.a4 .tx a i{background-image:url(../images/header_ico4.png)}
.hc_lnav .allbtn ul li.a5 .tx a i{background-image:url(../images/header_ico5.png)}
.hc_lnav .allbtn ul li.a6 .tx a i{background-image:url(../images/header_ico6.png)}
.hc_lnav .allbtn ul li dl{zoom:1;color:#ffffff;clear:both;overflow:auto;padding-top:4px}
.hc_lnav .allbtn ul li dl a{line-height:22px;white-space:nowrap;float:left;color:#d9e7ce;margin-left:6px;margin-right:6px;-webkit-transition:color 0.1s ease-out 0s;-moz-transition:color 0.1s ease-out 0s;-ms-transition:color 0.1s ease-out 0s;-o-transition:color 0.1s ease-out 0s;transition:color 0.1s ease-out 0s}
.hc_lnav .allbtn ul li dt{margin:0 auto;width:30px;float:left;}
.hc_lnav .allbtn ul li dd{font-size:10px;color:#2E8B57;line-height:26px;width:150px;float:left;padding-top:2px}
.hc_lnav .allbtn ul li .pop{border-bottom:#2e8b57 1px solid;position:absolute;border-left:medium none;padding-bottom:10px;background-color:#ffffff;min-height:466px;padding-left:30px;width:120px;padding-right:30px;display:none;height:464px;border-top:medium;top:0px;border-right:#2e8b57 1px solid;padding-top:15px;left:190px;}
.hc_lnav .allbtn ul li .pop h3{display:none;font-size:14px}
.hc_lnav .allbtn ul li .pop dl{padding-bottom:5px;color:#666666;padding-top:5px}
.hc_lnav .allbtn ul li .pop dl:hover{background-color:#ffffff;}
.hc_lnav .allbtn ul li .pop dl a{color:#666666;margin-left:12px;margin-right:12px}
.hc_lnav .allbtn ul li .pop dl a.un{color:#2E8B57}
.hc_lnav .allbtn ul li .pop dt{padding-left:20px;width:72px}
.hc_lnav .allbtn ul li .pop dd{width:565px;margin-left:-12px}

.hc_lnav .allbtn ul li .pop .act{width:640px;height:80px;overflow:hidden;padding-top:10px}
.hc_lnav .allbtn:hover ul{display:block}
.hc_lnav .allbtn ul li:hover{background-color:#3CB371}
.hc_lnav .allbtn ul li:hover .tx{background-color:#f5f5f5}
.hc_lnav .allbtn ul li:hover .tx a{color:#333333}
.hc_lnav .allbtn ul li:hover .tx a i{background-position:0px -25px}
.hc_lnav .allbtn ul li:hover .pop{display:block;top:0px;left:190px}
.hc_lnav .allbtn ul li:hover .pop dl a.un{color:#a5a5a5;text-decoration:none}
.hc_lnav .allbtn ul li:hover dl{color:#6e6e6e}
.hc_lnav .allbtn ul li:hover a{color:#666666}
.hc_lnav .allbtn ul li:hover a:hover{color:#006400}

.nav-list{height: 40px; float:right;}
.nav-list li{ float: left; }
.nav-list a{ display: block; height: 40px; float: left; padding: 0 20px; text-align: center;color:#fff; font:15px/40px 微软雅黑, 黑体;text-decoration: none;}
.nav-list a:hover{ background:#006400; text-decoration:none;}

/* index - banner */
.fullSlide{width:100%;position:relative;height:460px;}
.fullSlide1{width:100%;position:relative;height:460px;}
.fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul{width:100% !important;}
.fullSlide .bd li{width:100% !important;height:460px;overflow:hidden;text-align:center;}
.fullSlide .bd li a{display:block;height:460px;}
.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:0;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul{text-align:center;}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:12px;height:11px;margin:5px;overflow:hidden;background:#fff;-moz-border-radius:50px;-webkit-border-radius:50px;border-radius:50px;filter:alpha(opacity=40);opacity:0.4;line-height:999px;}
.fullSlide .hd ul .on{background:#000;}
.fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:0%;z-index:1;width:60px;height:160px;background:url(../images/slider-arrow.png) -126px -117px no-repeat;cursor:pointer;}
.fullSlide .next{left:auto;right:0%;background-position:-6px -117px;}

/*--------main---------*/
.main{width:100%; margin:0 auto; overflow:hidden;}
.mainx{width:1200px; margin:0 auto; overflow:hidden; border:1px solid #f3f3f3;}
.bodyLeft{ width:229px;float:left;}
.bodyright{ padding-left:80px;width:790px; float:left; overflow:hidden; line-height:27px;}

.left_nav{width:200px; text-align:center; float:left;}
.left_content{width:160px; border:1px solid #e9e9e9; padding:5px 15px 15px 25px; text-align:left;}
.left_contentt{width:200px; border:1px solid #e9e9e9; }
.left_back{width:160px; background-color:#ffffff; color: #fff; font-family:Microsoft YaHei;text-align:left; font-size:14px; padding:20px 21px 20px 21px;}
.left_ul{width:200px; text-align:left; border: 1px solid #e9e9e9; border-top: none;}
.left_ult{margin:0px 0px 0px 40px;color:#2e2e2e;font-size:16px;font-weight:600;line-height:55px;}
.left_ultt{margin-left:40px; line-height:40px;}
.left_font{margin-left:60px;  line-height:40px;}
.left_fontx{margin-left:40px; line-height:40px;}
.left_font1{margin:0px 0px 10px 60px; color: #2e2e2e; font-size:16px;font-weight:600;}
.left_ul li{line-height:40px; height:30px; font-size:14px; font-weight:700; border-top:1px solid #8e8e8e; width: 180px; text-align:left; color:#3e3e3e; margin: 0 auto;}
.left_ul li a{color: #666;}
.left_ul li a:hover{color:#c40e39;}
.mfont1{text-align:center;margin-top:20px;font-size:16px;font-weight:500;color:#2e2e2e;}
.mfont2{text-align:left;margin-top:20px;line-height:28px;color:#5e5e5e;}
.mfont3{text-align:left;margin-top:20px;line-height:28px;color:#006400;}
.mmfont{text-align:right;color:#8e8e8e;}
/*--------main---------*/
.s_mod{border:1px solid #5e5e5e;border:1px solid #5e5e5e;}
.s_mod{width:60px;height:25px;position:relative;}
.s_mod:hover,
.s_mod_hover{border:1px solid #dc5c95;cursor:pointer;}

.hr1{ width:730px;height:1px;border:none;float:left;border-top:1px solid #8e8e8e;}
.hr2{ width:160px;height:1px;border:none;margin:10px 20px 10px 20px;border-top:1px solid #6e6e6e;}
.hr3{ width:990px;border:1px solid #ededed;}
.hr6{ height:1px;border:none;border-top:1px double grey;margin-top:10px;}
.textimg{text-align:center;}

.textfloat{width:550px; margin:0 auto;}
.php01{float:left;}
.php02{float:right;}
/*----------product end----------*/
/*---悬浮条start---*/
.service_box{ position:fixed; z-index:1000;right:-147px;top:50%;margin-top:-100px;width:146px;border:1px solid #ece8e5; background:#fff; }
.service_box .tab_nav{ position:absolute;left:-42px;top:-1px;}
.service_box .tab_nav > li {background:#ece8e5;border-bottom:1px solid #dfdbd9;}
.service_box .tab_nav > li.active{ background:#ff6b09;}
.service_box .tab_nav > li:first-child{border-radius:8px 0 0;}
.service_box .tab_nav > li:last-child{ border-bottom:none; border-radius:0 0 0 8px;}
.service_box .tab_nav > li > a{ display:block; width:28px;padding:12px 6px 12px 8px; line-height:14px; text-align:center;color:#2c2c2c; text-decoration:none;}
.service_box .tab_nav > li.active > a{ color:#fff;}
.service_box .tab_nav .icon{ display:block; height:28px;width:28px; background:url(../images/bg_online_service_new.gif) no-repeat; overflow:hidden;margin:3px 0;*margin:6px 0;}
.service_box .tab_nav .icon_1{ background-position:0 0 ;}
.service_box .tab_nav .icon_2{ background-position:-28px 0 ;}
.service_box .tab_nav .icon_3{ background-position:-56px 0 ;}
.service_box .tab_nav .active .icon_1{ background-position:0 -28px ;}
.service_box .tab_nav .active .icon_2{ background-position:-28px -28px ;}
.service_box .tab_nav .active .icon_3{ background-position:-56px -28px ;}
.service_box .tab_content{padding:20px 5px 10px; position:relative;}
.service_box .tab_plan{ display:none; text-align:center;}
.service_box .tab_plan p{color:#333;}
/*---悬浮条end---*/
/*----------footer|start--------*/
.foot{height:150px;width:100%;}
.footer{height:150px;width:990px;margin:0 auto;color:#5e5e5e;text-align:center;}
.footer .copyright{width:990px;float:left;text-align:right;font-size:12px;line-height:16px;color:#FFF;padding-top:5px;line-height:12px;z-index:992;}
.footclass{background:#FFF;width:200px;height:100px;color:#2e2e2e;font-size:16px;margin:20px;float:left;text-align:left;font-weight:600;}
.footlogo{float:left;padding-right:80px;z-index:993;position:absolute;}
.foota{color:#646464;}
.foota1 a{color:#FFF;}
.foota1 .a:hover{color:#FFF;}
/*---------footer|end----------*/

/*---------动态图效果|start----------*/
.main3-1{ overflow:hidden; clear:both; margin-top:20px; position:relative;}
.main3-1 .item p{ font-size:18px; color:#fff; width:490px;position:absolute; left:260px; bottom:90px;}
.main3-1 .item .m01{ margin-right:10px; float:left; position:relative; width:690px; height:450px;}
.main3-1 .item .jjfa_hover{margin-right:10px; position:absolute; top:0px; left:50%; width: 0;height: 450px;transition: all 0.5s;}
.main3-1 .item .m01 h4{ font-size:26px;line-height:30px;color:#fff; width:272px;text-align:center; font-weight:normal;height:30px;position:absolute;top:38px;left:50%;margin-left:-136px;}
.main3-1 .item .m01 .word{ font-size:14px; color:#fff; width:520px;line-height: 25px;position: absolute;top:160px;left: 50%;margin-left: -256px;}
.main3-1 .item .m01 a{ width:150px; height:40px; display:inline-block; border-radius:3px; line-height:40px; text-align:center; border: 1px solid #ffffff;color:#ffffff; font-size:14px; position:absolute; bottom:-0px; left:125px;left: 50%;margin-left: -75px;}
.main3-1 .item .m01 a:hover{color:#006400;background: #ffffff;}
.text_hover{transition: opacity 1s,top 0.5s, bottom 0.5s;transition-delay: 0s;z-index:1;opacity:0;overflow: hidden;}
.main3-1 .item .m01:hover .jjfa_hover{width:690px;height:390px;left:0;background:#006400 no-repeat;filter:alpha(opacity=80);opacity:0.8;}
.main3-1 .item .m01:hover .text_hover{opacity: 1;}
.main3-1 .item .m01:hover .text_hover1{top:100px;}
.main3-1 .item .m01:hover .text_hover2{bottom:90px;}
/*---------动态图效果|end----------*/

<!-----客服start----->
@keyframes scaleToggleOne { 0 {
transform:scale(1);
-webkit-transform:scale(1)
}
50% {
transform:scale(2);
-webkit-transform:scale(2)
}
100% {
transform:scale(1);
-webkit-transform:scale(1)
}
}
@keyframes scaleToggleTwo { 0 {
transform:scale(1);
-webkit-transform:scale(1)
}
20% {
transform:scale(1);
-webkit-transform:scale(1)
}
60% {
transform:scale(2);
-webkit-transform:scale(2)
}
100% {
transform:scale(1);
-webkit-transform:scale(1)
}
}
@keyframes scaleToggleThree { 0 {
transform:scale(1);
-webkit-transform:scale(1)
}
33% {
transform:scale(1);
-webkit-transform:scale(1)
}
66% {
transform:scale(2);
-webkit-transform:scale(2)
}
100% {
transform:scale(1);
-webkit-transform:scale(1)
}
}
.animated { -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; animation-fill-mode: both }
.livechat-girl { width: 60px; height: 60px; border-radius: 50%; position: fixed; bottom: 0; right: 40px; opacity: 0; -webkit-box-shadow: 0 5px 10px 0 rgba(68,227,113,.3); box-shadow: 0 5px 10px 0 rgba(68,227,113,.3); z-index: 700; transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); cursor: pointer; -webkit-transition: all 1s cubic-bezier(.86, 0, .07, 1); transition: all 1s cubic-bezier(.86, 0, .07, 1) }
.livechat-girl:focus { outline: 0 }
.livechat-girl.animated { opacity: 1; transform: translateY(-40px); -webkit-transform: translateY(-40px); -ms-transform: translateY(-40px) }
.livechat-girl:after { content: ''; width: 12px; height: 12px; border-radius: 50%; background-image: linear-gradient(to bottom, #04bb04, #04bb04); position: absolute; right: 1px; top: 1px; z-index: 50 }
.livechat-girl .girl { position: absolute; top: 0; left: 0; width: 100%; height: auto; z-index: 50 }
.livechat-girl .animated-circles .circle { background: rgba(68,227,113,.25); width: 60px; height: 60px; border-radius: 50%; position: absolute; z-index: 49; transform: scale(1); -webkit-transform: scale(1) }
.livechat-girl .animated-circles.animated .c-1 { animation: 2s scaleToggleOne cubic-bezier(.125, .46, .45, .94) forwards }
.livechat-girl .animated-circles.animated .c-2 { animation: 2.5s scaleToggleTwo cubic-bezier(.125, .46, .45, .94) forwards }
.livechat-girl .animated-circles.animated .c-3 { animation: 3s scaleToggleThree cubic-bezier(.125, .46, .45, .94) forwards }
.livechat-girl.animation-stopped .circle { opacity: 0!important }
.livechat-girl.animation-stopped .circle { opacity: 0!important }
.livechat-girl .livechat-hint { position: absolute; right: 40px; top: 50%; margin-top: -20px; opacity: 0; z-index: 0; -webkit-transition: all .3s cubic-bezier(.86, 0, .07, 1); transition: all .3s cubic-bezier(.86, 0, .07, 1) }
.livechat-girl .livechat-hint.show_hint { -webkit-transform: translateX(-40px); transform: translateX(-40px); opacity: 1 }
.livechat-girl .livechat-hint.hide_hint { opacity: 0; -webkit-transform: translateX(0); transform: translateX(0) }
.livechat-girl .livechat-hint.rd-notice-tooltip { max-width: 1296px!important }
.livechat-girl .livechat-hint.rd-notice-tooltip .rd-notice-content { width: auto; overflow: hidden; text-overflow: ellipsis }
@media only screen and (max-width:1599px) {
.livechat-girl .livechat-hint.rd-notice-tooltip { max-width: 1060px!important }
}
@media only screen and (max-width:1309px) {
.livechat-girl .livechat-hint.rd-notice-tooltip { max-width: 984px!important }
}
@media only screen and (max-width:1124px) {
.livechat-girl .livechat-hint.rd-notice-tooltip { max-width: 600px!important }
}
.rd-notice-tooltip { -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.2); box-shadow: 0 2px 2px rgba(0,0,0,.2); font-size: 14px; border-radius: 3px; line-height: 1.25; position: absolute; z-index: 65; max-width: 350px; opacity: 1 }
.rd-notice-tooltip:after { position: absolute; display: block; content: ''; height: 20px; width: 20px; -webkit-box-shadow: none; box-shadow: none; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; z-index: 50 }
.rd-notice-tooltip .rd-notice-content { background: 0; border-radius: 3px; width: 100%; color: #fff; position: relative; z-index: 60; padding: 20px; font-weight: 400; line-height: 1.45 }
.rd-notice-type-success { background-color: #049904; -webkit-box-shadow: 0 5px 10px 0 rgba(68,227,113,.2); box-shadow: 0 5px 10px 0 rgba(38,199,252,.2) }
.rd-notice-type-success .rd-notice-content { background-color: #049904 }
.rd-notice-type-success:after { background-color: #049904; -webkit-box-shadow: 0 5px 10px 0 rgba(68,227,113,.2); box-shadow: 0 5px 10px 0 rgba(68,227,113,.2) }
.rd-notice-position-left { margin-left: -20px }
.rd-notice-position-left:after { right: -6px; top: 50%; margin-top: -10px }
.rd-notice-tooltip.single-line .rd-notice-content { height: 40px; padding: 0 20px; line-height: 40px; white-space: nowrap }
<!-----客服end----->